<script>
export default {
  name: 'HomePage'
}
</script>

<template>
    <div class="home">
      <h1>欢迎使用 TodoList 系统</h1>
      <router-link to="/todolist" class="nav-link">进入任务管理</router-link>
      <router-link to="/about" class="nav-link">个人简介</router-link>
      <a href="#" class="nav-link">仓库</a>
    </div>
  </template>
  
  <style scoped>
  .home {
    text-align: center;
    padding: 2rem;
  }
  .nav-link {
    display: block;
    margin: 1rem auto;
    color: #42b983;
    font-size: 1.2rem;
  }
  </style>